<!-- <body style="padding: 30px 3em 0 3em;"> -->
    <div class="ui grid">
            <div class="one wide column"></div>
            <div class="fourteen wide column" style="margin: 0 auto;">
                <div class="ui top attached tabular menu">
                    <a class="active item" data-tab="envs">环境管理</a>
                    <a class="item" data-tab="hosts">主机管理</a>
                    <a class="item" data-tab="apps">应用管理</a>
                </div>
                <div class="ui bottom attached active tab segment" data-tab="envs">
                    <div class="ui input"><input type="text" placeholder="环境名称，比如：开发" id="envName"></div>
                    <div class="ui input"><input type="text" placeholder="环境编码，比如：dev" id="envCode"></div>
                    <div class="ui teal button" onclick="addNewEnv();">
                        <i class="icon plus"></i>
                        添加
                    </div>
                    <table class="ui table celled">
                        <thead>
                        <tr>
                            <th>序号</th>
                            <th>环境名称</th>
                            <th>环境编码</th>
                            <th>操作</th>
                        </tr>
                        </thead>
                        <tbody>
                        <%var index = 1; for(var i = 0 ; i < envs.length;i++){%>
                        <tr>
                            <td><%= index++ %></td>
                            <td><%= envs[i].name %></td>
                            <td><%= envs[i].code %></td>
                            <td><i class="remove icon clickIcon" onclick="deleteEnv('<%= envs[i]._id %>')"></i></td>
                        </tr>
                        <% } %>
                        </tbody>
                    </table>
                </div>
                <div class="ui bottom attached tab segment" data-tab="hosts">
                    <div class="ui form">
                        <div class="inline field">
                            <input type="text" placeholder="主机IP" id="hostIp">
                        </div>
                        <div class="inline field">
                            <input type="text" placeholder="主机用户" id="hostUser">
                        </div>
                        <div class="inline field">
                            <input type="text" placeholder="主机密码" id="hostUserPassword">
                        </div>
                        <div class="inline field">
                            <input type="text" placeholder="上层容器" id="hostarent" onfocus="showHostParentSelect(this);">
                        </div>
                        <div class="field" id="envSelectForHost">
                            <select class="ui dropdown">
                                <option value="">环境选择...</option>
                                <option value="1">Male</option>
                                <option value="0">Female</option>
                            </select>
                        </div>
                        <div class="grouped inline fields">
                            <div class="field">
                                <div class="ui radio checkbox">
                                    <input type="radio" name="hostOS" checked="checked">
                                    <label>Windows</label>
                                </div>
                            </div>
                            <div class="field">
                                <div class="ui radio checkbox">
                                    <input type="radio" name="hostOS">
                                    <label>Linux</label>
                                </div>
                            </div>
                        </div>
                        <div class="field">
                            <div class="ui teal button" onclick="addNewHost();">
                                <i class="icon plus"></i>
                                添加
                            </div>
                        </div>
                    </div>

                </div>
                <div class="ui bottom attached tab segment" data-tab="apps">
                    应用管理
                </div>
            </div>
        </div>
    </div>
    <div class="ui modal">
        <i class="close icon"></i>
        <div class="header">
            上层容器选择
        </div>
        <div class="content">

        </div>
    </div>